<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
  <head>
    <title>用户管理</title>
    <base href="<%=basePath%>">
  </head>
  
  <body>
  
  	<jsp:include page="common.jsp"></jsp:include>
  	<jsp:include page="alert.jsp"></jsp:include>
  	
  	<div class="secMenu-content">
  		<div class="list-hearBar">
	  		<a class="btn btn-primary list-headBtn" href="electric/jsp/userNew.jsp">添加用户</a>
	  		<button type="button" class="btn btn-primary list-headBtn batch batchDel" id="">批量删除</button>
  		</div>
  	
  	 	<table class="table table-hover table-striped table-condensed list-table">
	      <thead>
	        <tr>
	          <th><input type="checkbox" class="checkbox-length list-checkboxAll"></th>
	          <th>登录名</th>
	          <th>姓名</th>
	          <th>地区</th>
	          <th>所属公司</th>
	          <th>角色</th>
	          <th>操作</th>
	        </tr>
	      </thead>
	      
	      <tbody>
	        <tr>
	          <th><input type="checkbox" class="list-checkbox"></th>
	          <td>zhaosi@sina.com</td>
	          <td>赵四</td>
	          <td>杭州市</td>
	          <td>本公司</td>
	          <td>财务</td>
	          <td class="list-action">
	          	<a href="electric/jsp/userNew.jsp">编辑</a>
	          	<a href="javascript:;" class="delTr">删除</a>
	          </td>
	        </tr>
	        
	         <tr>
	          <th><input type="checkbox" class="list-checkbox"></th>
	          <td>zhaosi@sina.com</td>
	          <td>赵四</td>
	          <td>杭州市</td>
	          <td>本公司</td>
	          <td>财务</td>
	          <td class="list-action">
	          	<a href="electric/jsp/userNew.jsp">编辑</a>
	          	<a href="javascript:;" class="delTr">删除</a>
	          </td>
	        </tr>
	         <tr>
	          <th><input type="checkbox" class="list-checkbox"></th>
	          <td>zhaosi@sina.com</td>
	          <td>赵四</td>
	          <td>杭州市</td>
	          <td>本公司</td>
	          <td>财务</td>
	          <td class="list-action">
	          	<a href="electric/jsp/userNew.jsp">编辑</a>
	          	<a href="javascript:;" class="delTr">删除</a>
	          </td>
	        </tr>
	         
	        
	      </tbody>
	    </table>
	    
	    <nav>
		  <ul class="pagination right">
		    <li><a href="javascript:;">首页</a></li>
		    <li class="active"><a href="javascript:;">1</a></li>
		  	<li><a href="javascript:;">2</a></li>
		    <li><a href="javascript:;">3</a></li>
		    <li><a href="javascript:;">4</a></li>
		    <li><a href="javascript:;">5</a></li>
		    <li><a href="javascript:;">尾页</a></li>
		  </ul>
		</nav>
	</div>
	
	<script type="text/javascript">
		$(document).ready(function(){
			delEvent();//删除当前一行、批量删除
		});
		
		function delEvent(){
			//删除框的确定事件
			$(".delSureBtn").on("click",function(){
				var thisBtn=$(this);
				$(".delFlag").css("display","none");//删除设有删除标记的行
				$(".newAlertBox").remove();
			});
			//删除框的取消事件
			$(".delOffBtn").on("click",function(){
				$(".list-table tr").removeClass("delFlag");//当删除框取消时，全部删除标记消失
			});
		}
		
	</script>
  </body>
</html>

